import { memo } from 'react'
import styles from './index.module.scss'
import { Typography, Button } from 'antd'
const { Title, Paragraph } = Typography
import { useNavigate } from 'react-router-dom'

const Home = memo(() => {
  const nav = useNavigate()

  return (
    <div className={styles.container}>
      <div className={styles.info}>
        <Title>问卷调查 | 在线投票</Title>
        <Paragraph>已累计创建问卷100份，发布问卷90份，收到答卷980份</Paragraph>
        <Button type="primary" onClick={() => nav('/manage/list')}>
          开始使用
        </Button>
      </div>
    </div>
  )
})

export default Home
